<template>
  <div class="HiTitle">
    <div class="leftArea">
      {{ title }}
    </div>
    <div class="rightArea">
      <slot name="rightArea"></slot>
    </div>
  </div>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
  title: {
    type: String,
    default: "",
  },
});


</script>
<style lang="scss" scoped>
@font-face {
  font-family: "fangzhenglanting";
  src: url("./fangzhenglanting.TTF");
  font-weight: normal;
  font-style: normal;
}
div.HiTitle {
  height: 25px;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  div.leftArea {
    font-family: "fangzhenglanting";
    font-size: 16px;
    color: #65789b;
  }
  div.rightArea {

  }
}
</style>
